<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css" >
		 .box1{
		 	width:100px;
		 	height: 100px;
		 	background-color: green;
		 }
		 .active{
		 	display: none;
		 }
			</style>
	</head>
	<body>
		<input type="button" value="显示" id="btn"/>
		<div id='box' class="box1"></div>
		
		<script type="text/javascript">
			window.onload = function(){
			var names=['alex','wusir','egon'];
			names.forEach(function(index,item){
				console.log(index);
				console.log(item);
			});
			
			var $ = function(id){
				return document.getElementById(id);
			};
			var str = new String()
			str[0] ='a'
			console.log(str);
			
			var s = '132.346';
			num = Number(s);
			console.log(num)
			console.log(num.toFixed(2));
			
			var str='  alex   '
			console.log(str.trim())
			
			
			var add = function(x,y){
				return x+y;
			}
			
			console.log(typeof add);
			console.log(add(2,3));
			
			var packjson = '{"name":"alex","pwd":123}';
			console.log(packjson);
			
//			for(var key in packjson){
//				console.log('key='+key +' value='+packjson[key]);
//			}
//			
			var sjson= JSON.parse(packjson)
			console.log(sjson);
			console.log(typeof JSON.stringify(sjson));
			
//			$('box').innerText='123';
//
//          //通过控制样式属性的display属性对盒子显示和隐藏
//			var isShow = true;
//			$('btn').onclick = function(){
//				if(isShow){
//					$('box').style.display = 'none';
////					$('btn').value = '隐藏';
//					this.value = '隐藏';
//					isShow = false;
//				}else{
//					$('box').style.display = 'block';
//					$('btn').value = '显示';
//					isShow = true;
//				}
//			}
//			
			
			          //通过控制样式class属性对盒子显示和隐藏
			var isShow = true;
			$('btn').onclick = function(){
				if(isShow){
					$('box').className += 'active';
//					$('btn').value = '隐藏';
					this.value = '隐藏';
					isShow = false;
				}else{
					$('box').className = 'box1';
					$('btn').value = '显示';
					isShow = true;
				}
			}
			
		}
		</script>
	</body>
</html>
